/* ===== 全局变量和基础设置 ===== */
:root,
[data-theme="light"],
[data-theme="dark"] {
    /* 覆盖页面宽度 - 需要保留 !important 因为这是覆盖官方变量 */
    --page-max-width: 98% !important;
}

:root {
    /* 导航宽度 - 需要保留 !important 因为这是覆盖官方变量 */
    --sidebar-width: 180px;
    --left-sidebar-width: 180px;
}

/* ===== 工作区布局样式 ===== */
/* 工作区变四个模块 - 需要保留 !important 因为这是覆盖官方布局 */
@media (min-width: 992px) {
    .ce-block.col-md-4 {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* 工作区导航列表字体大小 - 可以移除 !important */
.widget.links-widget-box .link-item {
    font-size: 15px;
}

/* 工作区列表字体大小加粗标题 - 可以移除 !important */
.widget.links-widget-box .widget-head .widget-label .widget-title {
    font-size: 15px;
}

/* 工作区列表背景色 - 可以移除 !important */
.widget.links-widget-box {
    padding: 28px;
    border: 1.2px solid #a7a7a7;
    background-color: #fafafa;
}

/* 快捷方式小部件背景色 - 可以移除 !important */
.widget.shortcut-widget-box {
    background-color: #f7f7f7;
}

/* ===== 导航栏样式 ===== */
/* 导航背景色 - 可以移除 !important */
.navbar {
    background: #f4f4f4;
}

/* 面包屑导航文字样式 - 可以移除 !important */
.navbar-breadcrumbs a,
#navbar-breadcrumbs a {
    font-size: 16px;
    font-weight: bold;
}

/* ===== 侧边栏样式 ===== */
/* 侧边栏背景色 - 需要保留 !important 因为这是覆盖官方主题色 */
.body-sidebar {
    background: #112d4e !important;
}

/* 导航标题字体大小和字间距 - 需要更具体的选择器 */
.sidebar-item-label {
    font-size: 16px !important;
    color: rgb(227, 227, 227) !important;
    letter-spacing: 0.05em !important;
   
}
/*自检app导航颜色*/
.active-sidebar {
    background: rgb(35 40 47 / 0%) !important;
}
/* 折叠按钮文字颜色 - 需要保留 !important 因为这是覆盖官方主题色 */
.collapse-sidebar-link {
    color: rgb(255, 255, 255) !important;
}

/* 菜单栏图标白色 - 需要保留 !important 因为这是覆盖官方图标颜色 */
.body-sidebar-container.expanded .body-sidebar .sidebar-item-icon svg,
.body-sidebar-container.expanded .body-sidebar .collapse-sidebar-link svg {
    stroke: #efefef !important;
}

/* 菜单栏向下箭头白色 - 需要保留 !important 因为这是覆盖官方图标颜色 */
.body-sidebar-container.expanded .body-sidebar .btn-reset svg,
.body-sidebar-container.expanded .body-sidebar .drop-icon svg,
.body-sidebar-container.expanded .body-sidebar .show-in-edit-mode svg {
    fill: #e9eaec !important;
}

/* 菜单栏展开箭头 - 需要保留 !important 因为这是覆盖官方图标颜色 */
.icon-arrow-right-to-line,
svg.icon use[href="#icon-arrow-right-to-line"] {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

/* 侧边栏图标样式 - 可以移除 !important */
.sidebar-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.sidebar-item-icon svg.icon {
    stroke: #ffffff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== 菜单项样式 ===== */
/* 导航标题高度 - 可以移除 !important */
.body-sidebar-container.expanded .body-sidebar .sidebar-item-container {
    height: auto;
    min-height: 40px;
    display: flex;
    flex-direction: column;
}

/* 标题项样式 - 可以移除 !important */
.body-sidebar-container.expanded .body-sidebar .sidebar-item-container > .standard-sidebar-item {
    height: 40px;
    display: flex;
    align-items: center;
}

/* 子菜单容器样式 - 可以移除 !important */
.body-sidebar-container.expanded .body-sidebar .sidebar-child-item {
    width: 100%;
    margin-top: 2px;
}

/* 子菜单项样式 - 可以移除 !important */
.body-sidebar-container.expanded .body-sidebar .sidebar-child-item .sidebar-item-container {
    min-height: 32px;
    padding-left: 10px;
}

/* 确保子菜单项显示正常 - 可以移除 !important */
.sidebar-child-item.nested-container {
    display: block;
    width: 100%;
}

/* 菜单项悬停样式 - 需要保留 !important 因为这是覆盖官方主题色 */
.standard-sidebar-item:hover {
    background: #FF9500 !important;
    border-radius: 8px;
}

.app-switcher-dropdown:hover {
    background: #FF9500 !important;
    border-radius: 8px;
    color: #fff !important;
}

/* ===== App切换器样式 ===== */
/* app logo部分宽度 - 可以移除 !important */
.app-item a {
    width: 168px;
}

/* app展开列表宽度 - 可以移除 !important */
.app-switcher-menu {
    width: 158px;
}

/* app下拉箭头位置 - 可以移除 !important */
.app-switcher-dropdown .standard-sidebar-item {
    gap: 3px;
}

/* ===== 按钮样式 ===== */
/* 主要操作按钮样式 - 需要保留 !important 因为这是覆盖官方主题色 */
.btn-primary.primary-action {
    background-color: #FF9500 !important;
    border-color: #FF9500 !important;
}

.btn-primary.primary-action:hover {
    background-color: #e68600 !important;
    border-color: #e68600 !important;
}

/* 操作列表按钮样式 - 需要保留 !important 因为这是覆盖官方主题色 */
.actions-btn-group .btn-primary {
    background-color: #FF9500 !important;
    border-color: #FF9500 !important;
}

.actions-btn-group .btn-primary:hover {
    background-color: #e68600 !important;
    border-color: #e68600 !important;
}

/* 下拉菜单样式 - 需要保留 !important 因为这是覆盖官方主题色 */
.actions-btn-group .dropdown-menu {
    border: 1px solid #FF9500 !important;
    box-shadow: 0 2px 4px rgba(255, 149, 0, 0.1) !important;
}

.actions-btn-group .dropdown-item:hover {
    background-color: #fff5e6 !important;
    color: #FF9500 !important;
}

.actions-btn-group .grey-link {
    color: #333;
}

.actions-btn-group .grey-link:hover {
    color: #FF9500;
}

/* 统一输入框样式 */
.frappe-control .form-control,
.frappe-control input.form-control,
.frappe-control textarea.form-control,
.frappe-control select.form-control,
.frappe-control .control-input-wrapper .form-control {
    width: 100% !important;
    border: 1.5px solid #d8dde0 !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}



